<template>
  <transition>
    <slot></slot>
  </transition>
</template>
<script type='text/babel'>
export default {
  name: 'FadeAnimation',
  data () {
    return {}
  },
  created () {},
  mounted () {},
  updated () {},
  methods: {},
  computed: {},
  watch: {},
  components: {}
}
</script>
<style scoped lang="scss" rel="stylesheet/scss">
  .v-enter, .v-leave-to{
    opacity:0;
  }
  .v-enter-active,.v-leave-active{
    transition: opacity 0.5s;
  }
</style>
